/* 主体样式 */
.main {
    background-color: #f3f3f3;
}

/* 轮播图 */
.my-swipe .van-swipe-item {
    color     : #fff;
    text-align: center;
}

.swiper-container img {
    width  : 100%;
    display: block;
}

/* 快捷工具栏 */
.index-nav {
    overflow        : hidden;
    background-color: #fff;
    padding         : 12px 0 9px;
}

.index-nav li {
    width     : 20%;
    float     : left;
    text-align: center;
}

.index-nav li a {
    display: block;
}

.index-nav li img {
    display  : block;
    margin   : auto;
    width    : 43.2px;
    height   : 43.2px;
    font-size: 12px;
    color    : #666;
}

.index-nav li b {
    display    : block;
    font-size  : 13.2px;
    line-height: 16.2px;
    margin-top : 3px;
    color      : #333333;
}

/*公告栏*/
.reviewNews {
    background: #fff;
    height    : 40.8px;
    margin-top: 9.6px;
}

.reviewNews dl {
    overflow    : hidden;
    position    : relative;
    padding-left: 103.2px;
}

.reviewNews dl dt {
    width        : 103.2px;
    margin-top   : 10.2px;
    padding-right: 0.14*60px;
    padding-left : 0.14*60px;
    text-align   : right;
    position     : absolute;
    left         : 0;
    top          : 0;
}

.reviewNews dl dt img {
    width  : 84.6px;
    display: block;
}

.reviewNews dl dd {
    overflow: hidden;
}

.reviewNews dl dd .notice_active {
    position: relative;
    height  : 40.8px;
    overflow: hidden;
}

.notice_active .van-notice-bar {
    padding: 0;
}

/* 广告栏  */
.floorBanner {
    margin-top: 9.6px;
}

.floorBanner img {
    width  : 100%;
    display: block;
}

/* 新到图书折上折  */
.newBookTitle {
    background: #f9bd00;
    height    : 40.8px;
    position  : relative;
}

.newBookTitle h2 {
    font-size  : 15.6px;
    margin-left: 12px;
    line-height: 40.8px;
    color      : #fff;
    font-style : normal;
    font-weight: normal;
}

.newBookTitle a {
    position     : absolute;
    right        : 0;
    top          : 0;
    overflow     : hidden;
    color        : #ffffff;
    height       : 18px;
    margin-top   : 12px;
    border       : 1px solid #fff;
    border-radius: 16.8px;
    margin-right : 6px;
    padding      : 0 9.6px 0 9.6px;
    font-size    : 10.8px;
    line-height  : 16.8px;
}

.newBookTitle a span {
    float          : right;
    background     : url('../../assets/images/home/main/whiterightarrow.png') no-repeat right center;
    background-size: 3.6px 6.6px;
    width          : 3.6px;
    height         : 6.6px;
    margin         : 4.8px 0 0 4.8px;
}

.newBookList ul {
    padding       : 0 3px;
    background    : #fff;
    overflow      : hidden;
    padding-bottom: 10.8px;
}

.newBookList ul li {
    float     : left;
    width     : 31.7%;
    padding   : 0 3px;
    margin-top: 12px;
}

.newBookList ul li a {
    display: block;
}

.newBookList ul li .cover {
    text-align: center;
    padding   : 3px 0;
}

.newBookList ul li .cover img {
    max-width: 100%;
    height   : 120px;
}

.newBookList ul li .name {
    color             : #000;
    font-size         : 13.2px;
    line-height       : 18px;
    margin-top        : 6px;
    padding           : 0 6px;
    height            : 36px;
    text-overflow     : ellipsis;
    overflow          : hidden;
    -webkit-line-clamp: 2;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
}

.newBookList ul li .priceWrap {
    overflow   : hidden;
    padding    : 0 6px;
    line-height: 18px;
    margin-top : 4.2px;
}

.newBookList ul li .priceWrap .price {
    float    : left;
    color    : #e60000;
    font-size: 14.4px;
}

.newBookList ul li .priceWrap .original {
    float          : left;
    color          : #999999;
    font-size      : 13.2px;
    margin-left    : 8.4px;
    text-decoration: line-through;
}

/*淘书团样式*/
.tstWrap {
    margin-top: 0.16*60px;
}

.tstTit {
    position   : relative;
    background : #fff;
    padding-top: 0.08*60px;
}

.tstTit h2 {
    height: 0.5*60px;
}

.tstTit h2 img {
    width: 2.3*60px;
}

.tstTit a {
    position     : absolute;
    right        : 0;
    top          : 0;
    overflow     : hidden;
    color        : #666;
    height       : 0.3*60px;
    margin-top   : 0.2*60px;
    border       : 1px solid #666;
    border-radius: 0.28*60px;
    margin-right : 0.1*60px;
    padding      : 0 0.16*60px 0 0.16*60px;
    font-size    : 0.18*60px;
    line-height  : 0.28*60px;
}

.tstTit a span {
    float          : right;
    background     : url(http://o.bookschina.com/images/wap/rightblaickarrow.png) no-repeat center;
    background-size: 0.06*60px 0.11*60px;
    width          : 0.06*60px;
    height         : 0.11*60px;
    margin         : 0.08*60px 0 0 0.08*60px;
}

.tstList {
    background: #fff;
}

.tstList ul {
    overflow: hidden;
    padding : 0 0.05*60px 0.1*60px;
}

.tstList ul li {
    float  : left;
    width  : 48.3%;
    margin : 0.1*60px 0 0 0;
    padding: 0 0.05*60px;
}

.tstList ul li .bookWrap {
    background: #f3f3f3;
}

.tstList ul li .cover {
    position: relative;
}

.tstList ul li .cover span {
    position        : absolute;
    width           : 100%;
    height          : 0.4*60px;
    line-height     : 0.4*60px;
    left            : 0;
    bottom          : 0;
    text-align      : center;
    font-size       : 0.22*60px;
    background-color: rgba(0, 0, 0, 0.5);
    color           : #fff30f;
}

.tstList ul li .cover img {
    width    : 100%;
    font-size: 12px;
}

.tstList ul li .name {
    position          : relative;
    color             : #000000;
    line-height       : 0.3*60px;
    height            : 0.6*60px;
    font-size         : 0.22*60px;
    overflow          : hidden;
    text-indent       : 0.3*60px;
    padding           : 0 0.1*60px;
    margin-top        : 0.16*60px;
    text-overflow     : ellipsis;
    overflow          : hidden;
    -webkit-line-clamp: 2;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
    position          : relative;
}

.tstList ul li .name span {
    border-radius: 0.03*60px;
    position     : absolute;
    height       : 0.22*60px;
    width        : 0.22*60px;
    background   : #ed0b0e;
    color        : #ffffff;
    text-align   : center;
    line-height  : 0.22*60px;
    font-size    : 0.16*60px;
    left         : 0.1*60px;
    top          : 0.02*60px;
    text-indent  : 0px;
}

.tstList ul li .priceWrap {
    font-size: 0.18*60px;
}

.tstList ul li .priceWrap .Tprice {
    padding    : 0 0.1*60px;
    color      : #e60000;
    font-size  : 0.18*60px;
    line-height: 0.28*60px;
    margin-top : 0.08*60px;
}

.tstList ul li .priceWrap .Tprice span {
    font-size: 0.24*60px;
}

.tstList ul li .priceWrap .discountWrap {
    padding   : 0 0 0.16*60px 0.1*60px;
    overflow  : hidden;
    margin-top: 0.04*60px;
}

.tstList ul li .priceWrap .discountWrap .original {
    float          : left;
    text-decoration: line-through;
    color          : #9a9a9a;
    font-size      : 0.2*60px;
    line-height    : 0.3*60px;
}

.tstList ul li .priceWrap .discountWrap .discount {
    float        : right;
    height       : 0.26*60px;
    line-height  : 0.26*60px;
    font-size    : 0.18*60px;
    color        : #fff;
    background   : #efb64d;
    border-radius: 0.26*60px 0 0 0.26*60px;
    padding      : 0 0.06*60px;
}

/*读者热评*/
.hottockWrap {
    margin-top: 0.16*60px;
}

.hottockTit {
    position  : relative;
    background: #fff;
    padding   : 0.09*60px 0 0.1*60px;
    box-shadow: 0px 1px 2px #dddcdd;
}

.hottockTit h2 {
    height: 0.5*60px;
}

.hottockTit h2 img {
    width: 2.3*60px;
}

.hottockMain {
    padding   : 0 0.2*60px;
    background: #fff;
}

.hottockMain a {
    display: block;
}

.hottockMain .bookWrap {
    position     : relative;
    margin-bottom: 2px;
    padding-left : 2.2*60px;
    overflow     : hidden;
    min-height   : 2.5*60px;
}

.hottockMain .bookWrap .cover {
    margin    : 0.15*60px 0;
    height    : 2.2*60px;
    width     : 2.2*60px;
    position  : absolute;
    left      : 0;
    top       : 0;
    text-align: center;
}

.hottockMain .bookWrap .cover img {
    height   : 2.2*60px;
    max-width: 100%;
}

.hottockMain .bookWrap .name {
    color             : #000;
    font-size         : 0.22*60px;
    line-height       : 0.3*60px;
    margin-top        : 0.2*60px;
    height            : 0.3*60px;
    text-overflow     : ellipsis;
    overflow          : hidden;
    -webkit-line-clamp: 1;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
}

.hottockMain .bookWrap .review {
    color             : #666666;
    font-size         : 0.2*60px;
    line-height       : 0.3*60px;
    height            : 0.9*60px;
    padding           : 0.02*60px 0.15*60px;
    background        : #f3f3f3;
    margin            : 0.1*60px 0 0;
    text-overflow     : ellipsis;
    overflow          : hidden;
    -webkit-line-clamp: 2;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
}

.hottockMain .bookWrap .review span {
    color: #e60000;
}

.hottockMain .bookWrap .priceWrap {
    overflow   : hidden;
    line-height: 0.3*60px;
    margin-top : 0.07*60px;
}

.hottockMain .bookWrap .priceWrap .price {
    float    : left;
    color    : #e60000;
    font-size: 0.24*60px;
}

.hottockMain .bookWrap .priceWrap .original {
    float          : left;
    color          : #999999;
    font-size      : 0.22*60px;
    margin-left    : 0.12*60px;
    text-decoration: line-through;
}

.van-rate__item .van-rate__icon{
    font-size: 0.2*60px;
}

.van-rate{
    float: left;
}

.hottockMain .bookWrap .startWrap {
    overflow   : hidden;
    line-height: 0.2*60px;
    margin-top : 0.1*60px;
}

.hottockMain .bookWrap .startWrap b {
    float      : left;
    font-size  : 0.2*60px;
    margin-left: 0.1*60px;
    color      : #ff511c;
}

.hottockList ul {
    overflow: hidden;
}

.hottockList ul li {
    float   : left;
    width   : 49%;
    overflow: hidden;
    padding : 0 2px 2px 0;
}

.hottockList ul li a {
    display: block;
}

.hottockList ul li .bookWrap {
    background: #fff;
    padding   : 0.15*60px 0 0.17*60px 0;
}

.hottockList ul li .cover {
    text-align: center;
    padding   : 0.05*60px 0;
}

.hottockList ul li .cover img {
    max-width: 100%;
    height   : 2*60px;
}

.hottockList ul li .name {
    color             : #000;
    font-size         : 0.22*60px;
    line-height       : 0.3*60px;
    margin-top        : 0.12*60px;
    padding           : 0 0.15*60px 0 0.2*60px;
    height            : 0.3*60px;
    text-overflow     : ellipsis;
    overflow          : hidden;
    -webkit-line-clamp: 1;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
}

.hottockList ul li .review {
    color             : #666666;
    font-size         : 0.2*60px;
    line-height       : 0.3*60px;
    background        : #f3f3f3;
    margin            : 0.1*60px 0.05*60px 0;
    padding           : 0.02*60px 0.15*60px;
    text-overflow     : ellipsis;
    overflow          : hidden;
    -webkit-line-clamp: 2;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
}

.hottockList ul li .review span {
    color: #e60000;
}

.hottockList ul li .review p {
    display: inline;
}

.hottockList ul li .priceWrap {
    overflow   : hidden;
    padding    : 0 0.1*60px 0 0.2*60px;
    line-height: 0.3*60px;
    margin-top : 0.07*60px;
}

.hottockList ul li .priceWrap .price {
    float    : left;
    color    : #e60000;
    font-size: 0.24*60px;
}

.hottockList ul li .priceWrap .original {
    float          : left;
    color          : #999999;
    font-size      : 0.22*60px;
    margin-left    : 0.12*60px;
    text-decoration: line-through;
}

.hottockList ul li .startWrap {
    overflow   : hidden;
    padding    : 0 0 0 0.2*60px;
    line-height: 0.2*60px;
    margin-top : 0.1*60px;
}

.hottockList ul li .startWrap span {
    float : left;
    height: 0.2*60px;
    width : 0.2*60px;
    margin: 0 0.05*60px 0 0;
}

.hottockList ul li .startWrap span.full {
    background-image: url('http://o.bookschina.com/images/wap/full.png');
    background-size : 0.2*60px 0.2*60px;
}

.hottockList ul li .startWrap span.half {
    background-image: url('http://o.bookschina.com/images/wap/halfstart.png');
    background-size : 0.2*60px 0.2*60px;
}

.hottockList ul li .startWrap span.empty {
    background-image: url('http://o.bookschina.com/images/wap/empty.png');
    background-size : 0.2*60px 0.2*60px;
}

.hottockList ul li .startWrap b {
    float      : left;
    font-size  : 0.2*60px;
    margin-left: 0.1*60px;
    color      : #ff511c;
}

.fiveStarLink a {
    display    : block;
    text-align : center;
    font-size  : 0.24*60px;
    color      : #4a4a4a;
    height     : 0.84*60px;
    line-height: 0.84*60px;
    background : #efbf41;
}

/*推荐书单*/
.recommendWrap {
    margin-top: 0.16*60px;
}

.recommendTit {
    position  : relative;
    background: #fff;
    padding   : 0.09*60px 0 0.1*60px;
    box-shadow: 0px 1px 2px #dddcdd;
}

.recommendTit h2 {
    height: 0.5*60px;
}

.recommendTit h2 img {
    width: 2.3*60px;
}

.recommenList {
    overflow  : hidden;
    padding   : 0.1*60px 0.05*60px;
    background: #fff;
}

.recommenList img {
    width: 100%;
}

.recommenList .recommenLeft {
    float  : left;
    width  : 49%;
    padding: 0 0.01*60px;
}

.recommenList .recommenright {
    overflow: hidden;
    float   : right;
    width   : 49%;
    padding : 0 0.01*60px;
}

.recommenList .recommenright a {
    float        : left;
    width        : 100%;
    margin-bottom: 0.05*60px;
}

/*新书速递*/
.BookCourierWrap {
    margin-top: 0.16*60px;
}

.BookCourierTit {
    position  : relative;
    background: #fff;
    padding   : 0.09*60px 0 0.1*60px;
    box-shadow: 0px 1px 2px #dddcdd;
}

.BookCourierTit h2 {
    height: 0.5*60px;
}

.BookCourierTit h2 img {
    width: 2.3*60px;
}

.courierList ul {
    padding       : 0 0.05*60px;
    background    : #fff;
    overflow      : hidden;
    padding-bottom: 0.18*60px;
}

.courierList ul li {
    float     : left;
    width     : 32%;
    padding   : 0 0.02*60px;
    margin-top: 0.2*60px;
}

.courierList ul li a {
    display: block;
}

.courierList ul li .cover {
    text-align: center;
    padding   : 0.05*60px 0;
}

.courierList ul li .cover img {
    max-width: 100%;
    height   : 2*60px;
}

.courierList ul li .name {
    color             : #000;
    font-size         : 0.22*60px;
    line-height       : 0.3*60px;
    margin-top        : 0.1*60px;
    padding           : 0 0.1*60px;
    height            : 0.6*60px;
    text-overflow     : ellipsis;
    overflow          : hidden;
    -webkit-line-clamp: 2;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
}

.courierList ul li .priceWrap {
    overflow   : hidden;
    padding    : 0 0.1*60px;
    line-height: 0.3*60px;
    margin-top : 0.07*60px;
}

.courierList ul li .priceWrap .price {
    float    : left;
    color    : #e60000;
    font-size: 0.24*60px;
}

.courierList ul li .priceWrap .original {
    float          : left;
    color          : #999999;
    font-size      : 0.22*60px;
    margin-left    : 0.14*60px;
    text-decoration: line-through;
}

/*畅销榜*/
.sellHotWrap {
    margin-top: 0.16*60px;
}

.sellHotTit {
    text-align : center;
    background : #fff;
    box-shadow : 0px 1px 0.1*60px #dddcdd;
    line-height: 0.68*60px;
}

.sellHotTit img {
    width: 2.5*60px;
}

.sellHotNavWrap {
    height    : 0.74*60px;
    margin-top: 0.1*60px;
    position: sticky;
    left: 0;
    top: 0;
}

.sellHotNavFixed.fixed {
    position: fixed;
    width   : 100%;
    width   : 100%;
    top     : 0;
    left    : 0;
}

.sellHotNav {
    position  : relative;
    height    : 0.74*60px;
    background: #fff;
    overflow  : hidden;
    box-shadow: 0px 1px 2px #dddcdd;
    width     : 100%;
}

.sellHotNav .dropnav {
    background: #fff;
    width     : 100%;
    position  : absolute;
    left      : 0;
    top       : 0;
}

.van-tabs{
    z-index: 99999;
}

.van-tab {
    border-right: 1px solid #e5e5e5;
}

.van-tab:last-child{
    border-right: none;
}

.van-tab--active{
    color     : #e60000;
    border-top: solid #e60000 0.06*60px;
}

.sellHotList ul {
    overflow: hidden;
}

.sellHotList ul li {
    float   : left;
    width   : 49.5%;
    overflow: hidden;
    padding : 0 1px 3px 0;
}

.sellHotList ul li:nth-child(2n){
    float   : right;
}

.sellHotList ul li a {
    display: block;
}

.sellHotList ul li .bookWrap {
    background: #fff;
    padding   : 0.15*60px 0 0.17*60px 0;
}

.sellHotList ul li .cover {
    text-align: center;
    padding   : 0.05*60px 0;
}

.sellHotList ul li .cover img {
    max-width: 100%;
    height   : 2*60px;
}

.sellHotList ul li .name {
    color             : #000;
    font-size         : 0.22*60px;
    line-height       : 0.3*60px;
    margin-top        : 0.12*60px;
    padding           : 0 0.15*60px 0 0.2*60px;
    height            : 0.6*60px;
    text-overflow     : ellipsis;
    overflow          : hidden;
    -webkit-line-clamp: 2;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
}

.sellHotList ul li .priceWrap {
    overflow   : hidden;
    padding    : 0 0.1*60px 0 0.2*60px;
    line-height: 0.3*60px;
    margin-top : 0.07*60px;
}

.sellHotList ul li .priceWrap .price {
    float    : left;
    color    : #e60000;
    font-size: 0.24*60px;
}

.sellHotList ul li .priceWrap .original {
    float          : left;
    color          : #999999;
    font-size      : 0.22*60px;
    margin-left    : 0.12*60px;
    text-decoration: line-through;
}

.sellHotList ul li .priceWrap .discount {
    float      : right;
    color      : #fff;
    font-size  : 0.18*60px;
    background : #efb64d;
    height     : 0.3*60px;
    line-height: 0.3*60px;
    padding    : 0 0.03*60px;
}

.sellHotList .more {
    text-align : center;
    height     : 0.8*60px;
    line-height: 0.8*60px;
}

.sellHotList .more a {
    font-size: 0.24*60px;
    color    : #8e8e8e;
    display  : block;
}

/* 签到按钮 */
.sign_btn {
    position   : fixed;
    z-index    : 999;
    right      : 0;
    bottom     : 2*60px;
    height     : 0.9*60px;
    width      : 0.9*60px;
    line-height: 0.25*60px;
}

.sign_btn a {
    display: block;
}

.sign_btn a img {
    width    : 100%;
    font-size: 12px;
}

/*返回顶部*/
.fixed_box {
    display    : none;
    position   : fixed;
    right      : 0;
    bottom     : 1*60px;
    height     : 0.9*60px;
    width      : 0.9*60px;
    line-height: 0.25*60px;
    z-index    : 5;
}

.fixed_box a {
    display: block;
}

.fixed_box a img {
    width    : 100%;
    font-size: 12px;
}

/*网页底部*/
.pagefoot {
    background: #fff;
    margin-bottom: 52.8px;
}

.pagefoot .actions-wrap {
    text-align   : center;
    line-height  : 0;
    padding      : 0.2*60px 0;
    border-bottom: 1px solid #f3f3f3;
}

.pagefoot .actions-wrap a {
    display      : inline-block;
    border       : 1px solid #999999;
    height       : 0.38*60px;
    line-height  : 0.36*60px;
    color        : #666666;
    font-size    : 0.24*60px;
    padding      : 0 0.16*60px;
    border-radius: 0.04*60px;
    margin: 0 10px;
}

.pagefoot .b-nav {
    text-align : center;
    font-size  : 0.22*60px;
    color      : #666666;
    line-height: 0.6*60px;
}

.pagefoot .b-nav a {
    margin: 0 0.22*60px;
    color : #666;
}

.pagefoot .b-nav a.red {
    color: #e60000;
}

.pagefoot .sign0utWrap {
    overflow     : hidden;
    padding      : 0.2*60px;
    border-bottom: 1px solid #f3f3f3;
}

.pagefoot .sign0utWrap .userName {
    float    : left;
    font-size: 0.24*60px;
    color    : #333333;
}

.pagefoot .sign0utWrap .sign0ut {
    float        : right;
    border       : 1px solid #999999;
    height       : 0.38*60px;
    line-height  : 0.36*60px;
    color        : #666666;
    font-size    : 0.24*60px;
    padding      : 0 0.16*60px;
    border-radius: 0.04*60px;
}

.pagefoot .copyRight {
    font-size  : 0.22*60px;
    color      : #8e8e8e;
    text-align : center;
    line-height: 0.82*60px;
}